<template>
<div>
  <el-carousel :interval="5000" arrow="always">
    <el-carousel-item v-for="(item,index) in imginfo" :key="index">
      <img :src="item.imgsrc" :alt="item.imgTitle" :title="item.imgTitle" @click="$router.go(-1)">
    </el-carousel-item>
  </el-carousel>
 </div> 
</template>
<script>
export default {
  data(){
      return {
          imginfo:[
              {"imgTitle":"宣传海报1","imgsrc":"../../static/images/1.jpg"},
              {"imgTitle":"宣传海报2","imgsrc":"../../static/images/2.jpg"},
              {"imgTitle":"宣传海报3","imgsrc":"../../static/images/3.jpg"},
              {"imgTitle":"宣传海报4","imgsrc":"../../static/images/4.jpg"}
        ]
      }
  }
}
</script>

<style>
  .el-carousel__item img {
    display: block;
    width:100%;
    height:100%;
    outline:none;
  }
</style>
